<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>AvoRed rust based content management system</title>
    <!-- Fonts -->
    <link
      href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap"
      rel="stylesheet">

    <script src="https://cdn.tailwindcss.com"></script>
  </head>
  <body>
    <div id="app" data-v-app>
      <div class="mx-auto">
          <div class>
              <nav
                  class="bg-white shadow-md py-2 border-solid border-x-0 border-t-0 border mb-3">
                  <div
                      class="max-w-7xl container m-auto mx-auto px-2 sm:px-6 lg:px-8">
                      <div
                          class="flex items-center justify-between">
                          <div
                              class="absolute inset-y-0 left-0 flex items-center sm:hidden">
                              <button
                                  class="inline-flex items-center justify-center p-2 rounded-md text-red-400 hover:text-red hover:bg-red-700 focus:outline-none focus:bg-red-700 focus:text-white transition duration-150 ease-in-out">
                                  <svg
                                      class="h-6 w-6" stroke="currentColor" fill="none"
                                      viewBox="0 0 24 24">
                                      <path class="inline-flex"
                                          stroke-linecap="round" stroke-linejoin="round"
                                          stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                                      <path
                                          class="hidden" stroke-linecap="round"
                                          stroke-linejoin="round" stroke-width="2"
                                          d="M6 18L18 6M6 6l12 12"></path>
                                  </svg>
                              </button>
                          </div>
                          <div
                              class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
                              <div
                                  class="flex-shrink-0">
                                  <a href="/">
                                      <div
                                          class="inline-flex items-center"><img
                                          class="block lg:hidden h-8 mt-2 w-auto"
                                          src="/assets/logo.svg" alt><img
                                          class="hidden lg:block h-8 mt-2 w-auto"
                                          src="/assets/logo.svg" alt><span
                                          class="text-red-700 leading-5 mt-1 ml-2 font-semibold text-xl">AvoRed</span></div>
                                  </a>
                              </div>
                          </div>
                          <div
                              class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0"></div>
                      </div>
                  </div>
              </nav>
          </div>
          <div
              class="container mx-auto">
              <div
                  class="relative bg-white overflow-hidden">
                  <div
                      class="max-w-screen-xl mx-auto">
                      <div
                          class="relative z-10 pb-8 bg-white sm:pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32">
                          <div
                              class="mt-10 mx-auto max-w-screen-xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28">
                              <div
                                  class="sm:text-center lg:text-left">
                                  <h2
                                      class="text-3xl tracking-tight leading-10 heading-font font-extrabold text-gray-900 sm:text-4xl sm:leading-none md:text-5xl">
                                      AvoRed rust content management system
                                  </h2>
                                  <p
                                      class="mt-3 text-gray-500 text-sm sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
                                      AvoRed is a free open-source rust based content management system. With graphql and rest api for frontend to display content. 
                                  </p>
                                  <div
                                      class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
                                      <div
                                          class="rounded-md shadow"><a
                                          href="https://www.github.com/avored/avored-rust-cms"
                                          target="_blank"
                                          class="w-full flex items-center justify-center bg-gradient-to-b from-red-700 via-red-600 to-red-700 hover:bg-gradient-to-t hover:from-red-800 hover:via-red-700 hober:to-red-700 px-8 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-red-600 hover:bg-red-500 hover:text-white focus:outline-none focus:shadow-outline transition duration-150 ease-in-out md:py-4 md:text-lg md:px-10">
                                          Get Started </a>
                                      </div>
                                      
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div
                      class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2"><img
                      class="h-full p-6 hidden lg:block object-cover"
                      src="/assets/main-hero.e867feaf.svg" alt></div>
              </div>
              <div>
                  <hr>
                  <div
                      class="md:flex mt-5 pb-5">
                      <div
                          class="md:flex ml-3 group hover:bg-red-600 rounded-lg p-5">
                          <div
                              class="flex-1">
                              <div
                                  class="text-4xl group-hover:text-white text-red-600">
                                  <svg
                                      xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                      fill="none" stroke="currentColor" stroke-width="2"
                                      stroke-linecap="round" stroke-linejoin="round"
                                      class="feather feather-star">
                                      <polygon
                                          points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
                                  </svg>
                              </div>
                              <div
                                  class="text-lg group-hover:text-white font-semibold mt-3">12</div>
                          </div>
                          <div
                              class="ml-3 group-hover:text-white">
                              <h5
                                  class="text-lg p-3 heading-font font-semibold">Rate Us</h5>
                              <p
                                  class="text-sm"> Help us by giving a star on GitHub. Spread
                                  the word by recommending AvoRed to your network and help to
                                  get the better product. 
                              </p>
                          </div>
                      </div>
                      <div
                          class="md:flex ml-3 group hover:bg-red-600 hover:text-white rounded-lg p-5">
                          <div
                              class="flex-1">
                              <div class="text-4xl">
                                  <div
                                      class="text-4xl group-hover:text-white text-red-600">
                                      <svg
                                          xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                          fill="none" stroke="currentColor" stroke-width="2"
                                          stroke-linecap="round" stroke-linejoin="round"
                                          class="feather feather-download">
                                          <path
                                              d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                                          <polyline
                                              points="7 10 12 15 17 10"></polyline>
                                          <line x1="12"
                                              y1="15" x2="12" y2="3"></line>
                                      </svg>
                                  </div>
                              </div>
                              <div
                                  class="text-lg group-hover:text-white font-semibold mt-3">156</div>
                          </div>
                          <div
                              class="ml-3 group-hover:text-white">
                              <h5
                                  class="text-lg p-3 heading-font font-semibold">Commits</h5>
                              <p
                                  classs="text-sm"> Start building your project by downloading
                                  AvoRed now. There are plenty of reasons to build your
                                  project with AvoRed. 
                              </p>
                          </div>
                      </div>
                      <div
                          class="md:flex ml-3 group hover:bg-red-600 hover:text-white rounded-lg p-5">
                          <div
                              class="flex-1">
                              <div class="text-4xl">
                                  <div
                                      class="text-4xl group-hover:text-white text-red-600">
                                      <svg
                                          xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                          fill="none" stroke="currentColor" stroke-width="2"
                                          stroke-linecap="round" stroke-linejoin="round"
                                          class="feather feather-package">
                                          <line x1="16.5" y1="9.4"
                                              x2="7.5" y2="4.21"></line>
                                          <path
                                              d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
                                          <polyline
                                              points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
                                          <line
                                              x1="12" y1="22.08" x2="12" y2="12"></line>
                                      </svg>
                                  </div>
                              </div>
                              <div
                                  class="text-lg group-hover:text-white font-semibold mt-3">2</div>
                          </div>
                          <div
                              class="ml-3">
                              <h5
                                  class="text-lg group-hover:text-white p-3 heading-font font-semibold">Fork</h5>
                              <p
                                  classs="text-sm"> Wish to contribute, AvoRed is 100% free
                                  and open-source under the MIT license. Fork it on GitHub and
                                  help make it better 
                              </p>
                          </div>
                      </div>
                  </div>
                  <hr>
              </div>
              <div
                  class="text-4xl text-red-700 pl-5 font-semibold heading-font mt-10">
                  KEY FEATURES 
              </div>
              <div class="mt-8">
                  <div class="md:flex flex-row">
                      <div
                          class="md:w-1/3 w-full hover:bg-red-600 rounded-lg hover:text-white p-6 mt-3">
                          <div
                              class="font-semibold heading-font text-xl"> USER  MANAGEMENT
                          </div>
                          <div class="text-left text-sm mt-3"> Our Product
                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, 
                          </div>
                      </div>
                      <div
                          class="md:w-1/3 w-full hover:bg-red-600 rounded-lg hover:text-white p-6 mt-3">
                          <div
                              class="font-semibold heading-font text-xl"> Feature 2
                          </div>
                          <div class="text-left text-sm mt-3"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, . 
                          </div>
                      </div>
                      <div
                          class="md:w-1/3 w-full hover:bg-red-600 rounded-lg hover:text-white p-6 mt-3">
                          <div
                              class="font-semibold heading-font text-xl"> Feature 3
                          </div>
                          <div class="text-left text-sm mt-3"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, .
                          </div>
                      </div>
                  </div>
              </div>
              <div class="mt-8 flex">
                  <div
                      class="md:flex flex-row">
                      <div
                          class="md:w-1/3 w-full hover:bg-red-600 rounded-lg hover:text-white p-6 mt-3">
                          <div
                              class="font-semibold heading-font text-xl"> Feature 4 
                          </div>
                          <div class="text-left text-sm mt-3"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, . 
                          </div>
                      </div>
                      <div
                          class="md:w-1/3 w-full hover:bg-red-600 rounded-lg hover:text-white p-6 mt-3">
                          <div
                              class="font-semibold heading-font heading-font text-xl">
                              SEARCH ENGINE OPTIMIZED 
                          </div>
                          <div
                              class="text-left text-sm mt-3"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, . 
                          </div>
                      </div>
                      <div
                          class="md:w-1/3 w-full hover:bg-red-600 rounded-lg hover:text-white p-6 mt-3">
                          <div
                              class="font-semibold heading-font text-xl"> DEVELOPER FRIENDLY
                          </div>
                          <div class="text-left text-sm mt-3"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, . 
                          </div>
                      </div>
                  </div>
              </div>
              <div
                  class="px-5">
                  <hr>
                  <div class="mb-10 block">
                      <div
                          class="text-4xl heading-font text-red-700 font-bold mt-10">
                          Contact Us 
                      </div>
                      <div class="md:flex flex-row pt-10">
                          <div
                              class="md:w-1/2 w-full pr-5">
                              <div class="text-xl mb-3"> Need
                                  help developing e-commerce solution with AvoRed? 
                              </div>
                              <div
                                  class="text-sm">
                                  <p>We'd love to talk with you about your
                                      e-commerce projects whether it's a brand new website or a
                                      rework of your existing one. We would happily answer any
                                      questions you may have about developing with AvoRed.
                                  </p>
                                  <p><span
                                      class="font-semibold">Do not have a development team?</span>
                                      Don't worry, we can implement the AvoRed solution for you
                                      according to your business requirements. We can surely
                                      help you achieve your goals with a customized AvoRed
                                      design.
                                  </p>
                                  <p><span class="font-semibold">For a FREE
                                      consultation with our expert development team, simply
                                      leave your details below and we'll get back to you soon.</span>
                                  </p>
                              </div>
                          </div>
                          <div
                              class="md:w-1/2 mt-10 md:mt-1 w-full pl-5">
                              <div class="text-2xl"> 
                                  Lorelipsum
                              </div>
                              <!---->
                              
                          </div>
                      </div>
                  </div>
              </div>
              <hr>
              <div
                  class="mt-5">
                  <div>
                      <p style="padding: 25px 0px; text-align: center;">
                          © AvoRed 2023 <a href="/privacy" title="Avored privacy">Privacy</a>
                      </p>
                  </div>
              </div>
          </div>
      </div>
  </div>

  </body>
</html>
